<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>API详情</title>
		<link rel="stylesheet" href="../css/common.css" />
		<link rel="stylesheet" href="../css/top&footer.css" />
		<link rel="stylesheet" href="../css/model.css" />
		<link rel="stylesheet" href="../图标字体/1/iconfont.css" />
		<link rel="stylesheet" href="../css/api-detail.css" />
	</head>

	<body>
		<!-- 头部 -->
		<header class="z99">
			<div class="header-top fe b-box flex-c-sb">
				<!-- log -->
				<img src="../img/logo-white.png" alt="" />
				<!-- nav -->
				<nav class="nav-top fe flex-sb">
					<a href="../html/index.html" class="fc-white">首页</a>
					<a href="../html/api.html" class="fc-white active">API</a>
					<a href="../html/service.html" class="fc-white">云服务</a>
					<a href="../html/example.html" class="fc-white">案例</a>
					<a href="../html/developer.html" class="fc-white">开发者</a>
				</nav>
				<!-- 登录注册 -->
				<div class="btn-top fe flex-sb">
					<button class="log-top fc-white">登录</button>
					<button class="register-top">注册有礼</button>
				</div>
			</div>
		</header>
		<div id="placeholder"></div>
		<main>
			<span class="reminder1">可跳转的有</span>
			<span class="reminder2">头部：登录、注册有礼、验证码</span>
			<span class="reminder3">主体：立即申请、立即体验</span>
			
			<!-- 第一部分 -->
			<section id="det1">
				<div class="fe  z22 rel">
					<div id="det1-1" class="fe">
						<img src="../img/API_02.jpg" alt="" />
						<div class="fe">
							<p class="fe">
								<img src="../img/API_smallicon_01.jpg" alt="" /><span>103</span>
							</p>
							<p class="fe">
								<img src="../img/API_smallicon_02.jpg" alt="" /><span
									>14245</span
								>
							</p>
							<p class="fe">
								<img src="../img/API_smallicon_03.jpg" alt="" /><span>623</span>
							</p>
						</div>
					</div>
					<div id="det1-2" class="fe">
						<div class="fe" id="status">
							<h1>身份证实名认证</h1>
							<span class="bule">支持HTTPS</span>
							<span class="bule">企业专用</span>
						</div>
						<div class="fe">
							<span class="iconfont2 icon-qiye-qiye">限企业实名用户使用</span>
							<span class="iconfont2 icon-shenhetongguo">
								本检口需提供应用场景审核
							</span>
							<p class="fc-orange" id="p1">
								<span class="iconfont33 icon-yonghu1"></span>个人实名用户无法使用
							</p> 
						</div> 
						<p>检测姓名和身份证号是否一致，身份验证。</p>
						<div id="p2">
						
							<div id="times" class="mb-20">
								<span class="iconfont icon-erweima">扫码测试</span>
								<img src="../img/103-demo.png" alt="" id="Tcode">
								<p class="times1"></p>
						    </div>
							<div id="price">
								
							</div>
						</div>
						<p><a href="../html/login.html" id="apply">立即申请</a></p>
					</div>
				</div>
			</section>
			<!-- 第二部分 -->
			<section id="det2" class="b-box">
				
				<div id="det2-content" class="fe flex-sb">
				    <!-- 左 -->
					<div id="m-left">
						<ul class="fe cursor">
							<li>API文档</li>
							<li>错误代码参照</li>
							<li>实例代码</li>
							<li>联系我们</li>
						</ul>
						
						<div class="content rel">
							<!-- API文档 -->
							<div  class="abs2 det2-main1">
								<div id="l1">
		
									<button class="fc-white bg-blue">API测试工具</button>
								</div>
								<h4>请求参数说明：</h4>
								<table>
									<tr class="bg-gray">
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
									<tbody id="t1">
										
									</tbody>
								</table>
								<h4>请求参数说明：</h4>
								<table>
									<tr class="bg-gray">
										<th>名称</th>
										<th>必填</th>
										<th>类型</th>
										<th>说明</th>
									</tr>
									<tbody id="t2">
									</tbody>
								</table>
						
							</div>
							<!-- 错误代码参照 -->
							<div  class="abs2 det2-main1">
								<div id="l1">
									<button class="fc-white bg-blue">API测试工具</button>
								</div>
								<h4>请求参数说明：</h4>
								
								<!-- 代码区 -->
								<div class="code">
									<h4>
										JSON返回示例&emsp;
										<button class="bg-blue fc-white" >	
											JSON在线格式化工具
										</button>
									</h4>
									<!-- 代码区 -->
									<div class="bg-gray b-box" id="codecode"></div>	
								</div>
							</div>
							<!-- 实例代码 -->
							<div  class="abs2 det2-main1">
								<!-- 代码区 -->
								<div class="code">
									<h4>
										JSON返回示例&emsp;
										<button class="bg-blue fc-white" >	
											JSON在线格式化工具
										</button>
									</h4>
									<!-- 代码区 -->
									<div class="bg-gray b-box" id="codecode"></div>	
								</div>
							</div>
							<!-- 联系我们 -->
							<div  class="abs2 det2-main1">
								<img src="../img/wechat-white.png" alt="">
							</div>
						</div>
						
					</div>
					<!-- 右侧 -->
					<div id="m-right" class="fe flex-c-j">
						<h1 class="fc-gray">活动推荐/Activity</h1>
						<div class="m1 fe flex-c-j"></div>
						<h1 class="fc-gray">猜你喜欢</h1>
						<div class="m2 fe flex-c-j"></div>
					</div>	
				</div>
			</section>
		</main>
		<!-- 第六部分 -->
		<section id="apide-last">
			<div>
				<h1>免费试用上百种API、体验各类产品和服务</h1>
				<p><a class="fc-white" href="../html/register.html">立即体验</a></p>
			</div>
		</section>
	</main>

	<!-- 尾部 -->
	<footer class="b-box">
		<div class="fe flex-c-sb">
			<!-- 左 -->
			<div id="foot-left" class="fe">
				<ul class="fe flex-sb">
					
				</ul>
			</div>
			<!-- 右 -->
			<div id="foot-right">
				<div>
					<h1>微信公众号</h1>
					<p>源码时代</p>
				</div>
				<p class="fc-gray"><img src="../img/103-demo.png" alt="" /></p>
			</div>
		</div>
		<!-- 最后 -->
		<div class="fe" id="last">
			<div id="licence" class="fe flex-b-sb">
				<img src="../img/bei1.png" alt="" />
				<img src="../img/bei2.png" alt="" />
				<p>
					增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
				</p>
			</div>

			<p class="fc-gray">源码大数据股份有限公司©版权所有</p>
		</div>
	</footer>
	<!-- 模态框 -->
<section class="model"></section>
	<!-- js引进 -->
	<script src="../js/util.js"></script>
	<script src="../js/footer.js"></script>
	<script src="../js/login&register.js"></script>
	<script src="../js/canvas-particle.js"></script>
	<script src="../js/api-detail.js"></script>
	</body>
</html>
